﻿<!--
  Generated template for the ParkMapPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>
  <ion-navbar color="primary">
    <button ion-button menuToggle>
      <ion-icon name="menu"></ion-icon>
    </button>    
    <ion-title>我的书架</ion-title>
  </ion-navbar>
</ion-header>

<ion-content padding>
  <ion-list no-lines [virtualScroll]="parks" [approxItemHeight]="'200px'">
    <ion-item *virtualItem="let park" (click)="itemTapped(park)" >
      <ion-card >
        <ion-card-header>
          <div text-center>
            <img [src]="park.pic">
          </div>
        </ion-card-header>
        <ion-card-content>
          <h1>{{park.name}}</h1>
          <p>{{park.hot}}</p>
        </ion-card-content>
      </ion-card>
    </ion-item >
  </ion-list>
  <!-- 向下滚动 -->
<ion-infinite-scroll (ionInfinite)="doInfinite($event)">
  <ion-infinite-scroll-content loadingText="加载数据...">

  </ion-infinite-scroll-content>
</ion-infinite-scroll>

</ion-content>
